<template>
  <Field :label="props.label.value">
    <template #input>
      <RadioGroup
        v-model="radio"
        direction="horizontal"
      >
        <Radio
          :name="item.name"
          v-for="(item, index) in props.options.value"
          :key="index"
        >{{ item.showText }}</Radio>
      </RadioGroup>
    </template>
  </Field>
</template>

<script>
import { Field, RadioGroup, Radio } from "vant";

export default {
  components: { Field, RadioGroup, Radio },
  props: ["props"],
  data() {
    return {
      radio: -1,
    };
  },
};
</script>